<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<title>浏览</title>


</head>
<body style="background-color: linen">
<br>
<span style="margin-left:1%; margin-top:1%;color:black; ">欢迎光临，猫狗之家  请<a href="login.jsp">&nbsp{登陆}&nbsp</a>|<a href="register.jsp">&nbsp{注册}&nbsp</a>
</span>

<span id="header">
		<a href="about_us.jsp" style="float: right">关于我们</a>
	</span>
<br>
<br>
<div>
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">Cats_Dogs</a>
            </div>
            <div>
                <ul class="nav navbar-nav" >
                    <li class="active"><a href="welcome.jsp" style="color:red">首页</a></li>
                    <li><a href="list.jsp">领养宠物</a></li>
                    <li><a href="add.jsp">送养宠物</a></li>
                    <li><a href="animal_health.jsp">动物健康</a></li>
                    <li><a href="notes.jsp">领养须知</a></li>
                    <li><a href="promise.jsp">许愿墙</a></li>
                    <li  class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            欢迎：${now_user.getUser_name() }！
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">

                            <li><a href="list.jsp?user=my">我发布的信息</a></li>

                            <li class="divider"></li>
                            <li><a href="logout">退出登录</a></li>
                            <li class="divider"></li>
                        </ul>
                </ul>
            </div>
        </div>
    </nav>
</div>

<div id= "animal_list_0">
<div class="row">
<!-- 遍历animal_list_0列表 -->
<c:forEach var="me" items="${animal_list}">
    <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <img src="/cats_dogs/files/${me.getA_pic()}" 
             alt="通用的占位符缩略图">
            <div class="caption">
                <h3>${me.getA_title()}</h3>
                <p>${me.getA_desc()}</p>
                <p>
                <c:url value="/detail" var="showDetail">
				<c:param name="a_id" value="${me.getA_id()}"></c:param>
				</c:url>
                    <a href="${showDetail}" class="btn btn-primary" role="button">
                        查看详情
                    </a>
                </p>
            </div>
         </div>
    </div>
    </c:forEach>
</div>
</div>
</body>
</html>